<!DOCTYPE html>
<html>

	<head>
		<!-- 声明文档使用的字符编码 -->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<!-- 为移动设备添加 viewport -->
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
		<meta name="HandheldFriendly" content="true">
		<!-- 优先使用 IE 最新版本和 Chrome -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

		<title>黑图视界</title>
		<meta name="keywords" content="黑图视界">
		<meta name="description" content="黑图视界">
		<script type="text/javascript" src="../js/setFontSize.js"></script>
		<script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="../js/vue.js" ></script>
		<script type="text/javascript" src="../js/axios.js" ></script>
		<script type="text/javascript" src="../js/getParameter.js" ></script>
		<link rel="stylesheet" href="../css/swiper.min.css" />
		<link rel="stylesheet" href="../css/main.css" />
	</head>

	<body>
	<div id="app">
		<main class="pab30">
			<section class="qcode picBg">
				<div class="container">
					<div class="whiteBg radius20 pad30">
						<!-- 未使用的二维码 -->
						<div v-show="qrInfo.status==0">
						 <div class="ewmBox">
							<div class="name">{{qrInfo.name}}</div>
							<div class="picBox">
								<img :src="qrInfo.src" class="pic"/>
							</div>
							<div class="red">*请向工作人员出示此二维码核销</div>
						</div>
						</div>

						<div v-show="qrInfo.status==1">
						<div class="status">已退票</div>
						<div class="ewmBox shixiao">
							<div class="name">{{qrInfo.name}}</div>
							<div class="picBox">
								<img :src="qrInfo.src" class="pic"/>
							</div>
							<div class="red">*该票无法核销</div>
						</div>
						</div>
						<div v-show="qrInfo.status==2">
						<div class="status">已使用</div>
						<div class="ewmBox shixiao">
							<div class="name">{{qrInfo.name}}</div>
							<div class="picBox">
								<img :src="qrInfo.src" class="pic"/>
							</div>
							<div class="red">*该票已被核销</div>
						</div>
						</div>
					</div>
				</div>
			</section>
			
			
		</main>
	</div>

	<script>
		let app1=new Vue({
			el:"#app",
			data:{
				qrInfo:{}
				},
			methods:{
				find(){
					const _this=this;
					axios.get("/qrcode/qrInfo/"+getParameter("oid"))
					.then(function(response){
						_this.qrInfo=response.data;
					});

				},
			},
			created(){
				this.find();
			}
		});
	</script>

		<script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="../js/swiper.min.js"></script>
		<script type="text/javascript" src="../js/layer/layer.js" ></script>
		<script type="text/javascript" src="../js/main.js"></script>
	</body>

</html>